<template>
	<div class="camera">
		<img src="../../img/paizhao1.png" alt="" @click="goattention">
		<img src="../../img/paizhao2.png" alt="">
		<img src="../../img/paizhao3.png" alt="">
		<img src="../../img/paizhao4.png" alt="">

	</div>
</template>

<script>
	export default{
		name:'camera',
		methods:{
			goattention(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped="scoped" lang="less">
	.camera{
		position: relative;
		width: 100%;
		height: 667px;
		background-color: black;	
		img:nth-child(2){
			position: absolute;
			right: 20px;
			top: 20px;
		}
		img:nth-child(3){
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 20px;
		}
		img:nth-child(4){
			width: 30px;
			height: 30px;
			position: absolute;
			right: 20px;
			bottom: 40px;
		}
		
	}
	.camera>img:nth-child(1){
		position: absolute;
		left: 20px;
		top: 20px;
	}
</style>
